@media (max-width: 1200px) {
.navigation .navbar-default .navbar-nav > li > a{padding: 10px 10px; font-size: 12px;}
}
@media (max-width: 990px) {
.navigation .navbar-default .navbar-nav > li > a{padding: 10px 10px; font-size: 12px;}
.topheader .loginright{padding-top: 7px;}
.maincontainer .missioninner{margin-bottom: 30px;}
.rulesregulationcontainer .rulesconinner ul li{width: 100%;}
.topheader .loginright .logininner .logincontent{font-size: 15px;}
}
@media screen and (max-width: 990px) and (min-width: 767px) {
.officebearersdetailscontainer .officebearersdetails .bearersdetailscolumnleft{padding-right: 0px; width: 100%;}
.officebearersdetailscontainer .officebearersdetails .bearersdetailscolumnleft::after {display: none;}
.officebearersdetailscontainer .officebearersdetails .bearersdetailscolumnright{width: 100%; padding-left: 0px;}
.officebearersdetailscontainer .officebearersdetails .bearersdetailscolumnright strong{width: 105px;}
}

@media (max-width: 767px) {
.navigation{width: 100%;}
.navigation .navbar-default{width: 100%;}
.navigation .navbar-default .navbar-toggle{padding: 5px 4px;}
.topheader .loginright{float: left; padding-top: 15px;}
.topheader .loginright .logininner .logincontent{font-size: 15px;}
.topheader .loginright .socialtop img{max-width: 26px; max-height: 26px;}
.topheader .loginright .logininner .loginicon i {width: 35px; height: 35px;line-height: 30px; border: 3px solid #eeeeee;}
.topheader .loginright .logininner:after{top: 10px;}
.navigation .navbar-default .navbar-collapse{border: none;}
.navigation .navbar-default .navbar-nav{margin: 0px;}
.navigationcontainer .col-xs-12{padding: 0px;}
.navigation .navbar-default .navbar-toggle{margin-right: 15px;}
.noticecontainer .noticeinner{margin-bottom: 30px;}
.noticecontainer{padding: 45px 0px 5px 0px;}
.noticecontainer .noticeinner h3 {font-size: 16px;}
.noticecontainer .noticeinner p{font-size: 13px;}
.noticecontainer h2{font-size: 21px;}
.welcomecontainer .welcomeinner h2{font-size: 21px;}
.welcomecontainer .welcomeinner p{font-size: 13px;}
.maincontainer .missioninner h2{font-size: 21px;}
.maincontainer .missioninner p{font-size: 13px;}
.maincontainer .newseventsouter h2{font-size: 21px;}
.footercontainer{padding: 5px 0px;}
.faq_container .panel-default > .panel-heading .panel-title a{font-size: 11px; padding: 5px 15px; padding-right: 40px; min-height: 36px;}
.faq_container .panel-default>.panel-heading .panel-title .collapsed:after { content: "\002b"; font-family: 'FontAwesome'; float: right; padding: 10px 15px; background:#4ba7e2; color: #fff; position: absolute; right: 0px; top: 0px; min-width: 0px; border-color: #4ba7e2;}
.faq_container .panel-default>.panel-heading .panel-title a:after { content: "\2212"; font-family: 'FontAwesome'; float: right; padding:10px 15px; background:#4ba7e2; color: #fff; position: absolute; right: 0px; top: 0px; min-width: 0px; border-color: #4ba7e2;}
.faq_container .panel-collapse .panel-body p{font-size: 10px;}
.faq_container h1{font-size: 21px;}
.faq_container{padding: 20px 0px;}
.newseventscontainer h1{font-size: 21px;}
.newseventscontainer .newseventsinner p.datep{font-size: 13px;}
.newseventscontainer .newseventsinner p.datep span{font-size: 13px;}
.newseventscontainer .newseventsinner p{font-size: 13px;}
.newseventscontainer .newseventsinner h3{font-size: 15px;}
.newseventscontainer{padding: 24px 0px 10px 0px;}
.rulesregulationcontainer h1{font-size: 21px;}
.rulesregulationcontainer .rulesconinner p{font-size: 13px;}
.rulesregulationcontainer .rulesconinner ul li{font-size: 13px;}
.rulesregulationcontainer .rulesconinner .readmore{font-size: 13px;}
.rulesregulationcontainer{padding: 25px 0px;}
.resourcescontainer{padding: 25px 0px;}
.resourcescontainer h1{font-size: 21px;}
.resourcescontainer .resourceconinner h6{font-size: 15px;}
.resourcescontainer .resourceconinner p{font-size: 13px;}
.resourcescontainer .resourceconinner{margin-bottom: 15px;}
.resourcescontainer .resourceconinner .downloadicon{font-size: 13px;}
.meetingcontainer .columninner .mcolumnimgcontent p{font-size: 13px;}
.meetingcontainer .columninner{margin-bottom: 15px;}
.meetingcontainer p{font-size: 13px;}
.meetingcontainer h1{font-size: 21px;}
.meetingcontainer{padding: 25px 0px;}
.visioncontainer h1{font-size: 21px;}
.visioncontainer p{font-size: 13px; margin-bottom: 15px;}
.visioncontainer .mcolumnimgcontent p{font-size: 13px; margin-bottom: 15px;}
.visioncontainer .mcolumnimgcontent ul li{font-size: 13px; margin-bottom: 10px;}
.visioncontainer .mcolumnimg .mcolumnimginner .mcolumnimginnerimg h6{font-size: 13px;}
.visioncontainer .mcolumnimg{display: table;}
.visioncontainer .mcolumnimgcontent{padding-left: 0px; display: table; width: 100%;}
.visioncontainer{padding: 25px 0px;}
.noticecontainer .owl-theme .owl-controls{margin-bottom: 0px; margin-top: 10px;}

.officebearersdetailspopup .modal-dialog{width: auto;}
.officebearersdetailspopup .modal-dialog{display: block;}
.officebearersdetailspopup .modal-dialog .table-responsive{border: none; border-bottom: 1px solid #468bc0;}
.officebearersdetailspopup .modal-dialog{
	vertical-align: top;
}
.officebearersdetailspopup::before {
    content: '';
    display: inline-block;
    height: auto;
    vertical-align: top;
}
@media (max-width: 600px) {
.meetingcontainer .columninner .mcolumnimg{display: table; width: 100%; margin-bottom: 15px;}
.meetingcontainer .columninner .mcolumnimgcontent{display: table; width: 100%; padding-left: 0px;}
.meetingcontainer .columninner .mcolumnimg .mcolumnimginner{width: auto; height: auto; text-align: center;}
.meetingcontainer .columninner .mcolumnimg .mcolumnimginner img{width: auto; max-width: 100%;}
.officebearerscontainer .officebearerssearch{
	width: 100%;
}
}
@media (max-width: 540px) {
.newscolumn{width: 100%;}
.twittercolumn{width: 100%;}
.maincontainer .newseventsouter{margin-bottom: 30px;}
.birthdaydetails .noticedetails img{width: 100%; max-width: 100%; margin-right: 0px; margin-bottom: 15px;}
.officebearerscontainer .officebearerssearch{
	width: 100%;
}

.officebearersdetailscontainer .officebearersdetails .bearersdetailscolumnleft{padding-right: 0px; width: 100%;}
.officebearersdetailscontainer .officebearersdetails .bearersdetailscolumnleft::after {display: none;}
.officebearersdetailscontainer .officebearersdetails .bearersdetailscolumnright{width: 100%; padding-left: 0px;}
.officebearersdetailscontainer .officebearersdetails .bearersdetailscolumnleft p br{display: none;}
.officebearersdetailscontainer .officebearersdetails .bearersdetailscolumnright p br{display: none;}
.officebearersdetailscontainer .officebearersdetails .bearersdetailscolumnright p a{padding-right: 10px;}
}
@media (max-width: 480px) {
/*.visioncontainer .mcolumnimg .mcolumnimginner .mcolumnimginnerimg img{width: 220px;}*/
.visioncontainer .mcolumnimg .mcolumnimginner .mcolumnimginnerimg img{width: 220px;}
.officebearerscontainer .officebearerssearch .officebearersinput{width: 100%;}
.officebearerscontainer .officebearerssearch{
	width: 100%;
}
.officebearerscontainer .officebearerssearch .officebearersinput .input-group .input-group-addon{display: table; width: 100%; text-align: center;}
.officebearerscontainer .officebearerssearch .officebearersinput .input-group{width: 100%;}
.officebearerscontainer .officebearerssearch .officebearersinput .input-group .input-group-addon{padding-top: 10px;}
.officebearerscontainer .officebearerssearch .officebearersinputbtn{width: 90px; margin-top: 10px;}
.officebearerscontainer .officebearerssearch .officebearersinputbtn1{width: 90px; margin-top: 10px;}
.officebearersdetailspopup .modal-content .modalbodyinner .detailsimgcontainer{display: table; width: 100%; padding-right: 0px; padding-bottom: 20px;}
.officebearersdetailspopup .modal-content .modalbodyinner .detailscontentcontainer{display: table; width: 100%;}
}